<template>
	<view class="notice">
		<view class="boxs"></view>
		<view v-for="(a,b) in msgs" :key="b" class="box">
			<text class="msg">{{a.msg}}</text>
			<text class="time">{{a.time}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msgs:[
					{
						msg:'众赢科技公告',
						time:'2021-12-21 21:12'
					},
					{
						msg:'众赢科技公告',
						time:'2021-12-21 21:12'
					},
					{
						msg:'众赢科技公告',
						time:'2021-12-21 21:12'
					},
					{
						msg:'众赢科技公告',
						time:'2021-12-21 21:12'
					},
				]
			};
		}
	}
</script>

<style scoped>
	.boxs{
		width: 100%;
		height: 40rpx;
	}
.box{
	width: 100%;
	height: 100rpx;
	background-color: #FFFFFF;
	line-height: 100rpx;
	margin: 20rpx 0;
}
.msg{
	padding-left: 40rpx;
	font-weight: bolder;
	letter-spacing: 2rpx;
}
.time{
	float: right;
	padding-right: 40rpx;
	color: #d3d3d3;
}
</style>
